*{
backgrund:url(http://4.bp.blogspot.com/-XSSjp0cUuM4/UhVanom5r5I/AAAAAAAAA7w/Cp07qkquN3I/s1600/bg.png);
margin:0;
padding:0;
outline:0;
}



body {
background:url(http://4.bp.blogspot.com/-XSSjp0cUuM4/UhVanom5r5I/AAAAAAAAA7w/Cp07qkquN3I/s1600/bg.png);
color: #333;
height: 100%;
font-family: yazid;
font-size: 13.6px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
margin: 0;
padding: 0;
} 

@font-face {
	font-family: "Hacen Liner Screen";
        src: url("fonts/hacen_liner_screen.eot"); /* IE 9 */
        src: url("https://sites.google.com/site/zamaradododo/hacen_liner_screen.eot") format("eot"), /* IE 6-8 */
             url("https://sites.google.com/site/zamaradododo/hacen_liner_screen.otf") format("opentype"), /* Other browsers */
             url("https://sites.google.com/site/zamaradododo/hacen_liner_screen.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
	font-family: "K Karman";
        src: url("https://sites.google.com/site/zamaradododo/k_kamran.eot"); /* IE 9 */
    	src: url("https://sites.google.com/site/zamaradododo/k_kamran.eot") format("eot"), /* IE 6-8 */
             url("https://sites.google.com/site/zamaradododo/k_kamran.otf") format("opentype"), /* Other browsers */
    	     url("https://sites.google.com/site/zamaradododo/k_kamran.ttf") format("truetype"); /* Safari, Android, iOS */
}


        
#blog-wrapper {
width: 1200px;
margin: 0px auto;
padding: 0;
overflow: hidden;
}
.header{ 
width: 990px;
margin: 0 auto;
padding: 0;
overflow: hidden;
height: auto;
 }
 .top{  background: #2c3e50;
height: 70px;
padding: 0;
margin: 0;
border-radius: 5px 5px 0px 0px;}
.navtop{  float: right;
width: 73%;}

.navtop ul {
margin: 0;
padding: 0;
}
.navtop ul li {
float: right;
padding: 23px;
border-left: 1px solid #6F6F6F;
list-style-type:none;
}
.navtop ul li a {
color: #fff;
font: 600 16px GESSTwoMediumRegular;
text-decoration:none;
}
.navtop ul li a:hover{   
color:#DFC5C5;
       }
	   
.search {
float: left;
width: 19%;
margin: 14px;
}
#btn {
float: left;
width: 31px;
height: 42px;
font: 13px Tahoma, Geneva, sans-serif;
background: #FF4444 url(http://2.bp.blogspot.com/-Mom-QFGsI1I/UR-7mbsJ9nI/AAAAAAAADlw/j17rp-7DkzE/s1600/srch.png) center no-repeat;
cursor: pointer;
border: none;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
left: 154px;
text-indent: -93px;
}
 #searchThis { width: 134px;
height: 3px;
padding: 18px;
margin-left: 37px;
font-family: tahoma;
position: absolute;
top: 14px;
}
.header-wrapper{  background: #fff;
height: 141px;
margin: 0;
padding: 0;
width: 990px; }

.logoetads{ margin: 0 auto;
text-align: center;
width: 990px;
padding-top: 20px;}

.logo {
float: right;
padding: 0px;
margin-top: -10px;
width:250px;
height:120px;
}
.ads {
width: 728px;
height: 90px;
float: left;
margin-top: 6px;
}

.ads img { width: 719px;   }


#menu {
background: #2c3e50;
display: block;
float: right;
margin: 0 auto 1em;
width: 100%;
border-bottom: 5px solid #FF4444;
height: 43px;
}

#menu ul {
list-style: none;
margin: 0;
padding-right: 0;
}
#menu ul li {
float: right;
position: relative;
}
.activ {
background: #FF4444;
color: #fff;
background-image: none;
width: 49px;
height: 43px;
}

#menu ul li .active {
background: url(http://1.bp.blogspot.com/-zBAFyyWOuNI/VK1g_5FZXYI/AAAAAAAAAfc/hQyZPrJPc0k/s1600/home.png) center no-repeat;
text-align: center;
font-size: 18px;
width: 22px;
height: 41px;
padding: 0 14px;
}

#menu ul li a {
float: right;
text-align: center;
padding: 0 18px;
display: block;
line-height: 3em;
-webkit-padding-before: 1px !important;
text-decoration: none;
color: #fff;
font-size: 15px;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
font-family: GESSTwoMediumRegular;

}

#menu ul li:hover{ background:#FF4444;}

.content-wrapper {
position: relative;
width: 100%;
margin: 0 auto;}

#content-wrapper {
margin: 10px auto;
padding: 0;
width: 1010px;
}



#main-wrapper{  
float: right;
margin-right: 9px;
width: 65%;


}

.sidebar-wrapper {

border: none;
margin: 0 auto;
padding: 0 7px;
width: 314px;
float: left;
word-wrap: break-word;
overflow: hidden;
height: 2000px;
margin-left: 7px;
}

#footer {
background: #2C2626;
font: 14px oswald,GESSTwoMediumRegular;
color: #777;
width: 100%;
overflow: hidden;
clear: both;
padding: 15px 0 15px 0;
line-height: 18px;
border-top: 7px solid #FF4444;
text-align: center;
text-transform: uppercase;
position: relative;
box-shadow: 0 1px 4px 5px #222 inset;

}
#footer p { font-family: tahoma;
font-weight: 800;
font-style: normal;
font-stretch: condensed;
font-size: 18px;}

#footer p:hover{ color: #FF4444; }


.post-outer {
background: #fff;
margin-bottom: 15px;
padding: 6px;
border: 1px solid transparent;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
padding-top:0px; 
}

.post-title{text-align: right;
padding-right: 2px;
text-align: right;
padding-right: 2px;
padding-bottom: 13px;
padding-top: 13px;
 }

.post h3 a {font-size: 18px;
color: #FF4444;
text-decoration: none;
font-family: GESSTwoMediumRegular;}

.post-body{ color: #FF4444;
font: 14px tahoma;
line-height: 28px;
text-align: justify;   }

.post-body img { padding: 3px;
border: 1px dashed #FF4444;
border-radius: 3px;
margin-left: 3px;
position: relative;

 }

.post-body img:hover{
}



.rmlink{float: left;
padding-top: 13px;  }

.rmlink a { background: #FF4444;
color: #fff;
font-size: 12px;
font-family: tahoma;
padding: 7px 17px 12px;
border-radius: 3px;
box-shadow: inset 0px -3px 0px 0px #34968B;
text-decoration: none;
font-weight: 600; }

.rmlink a:hover{ background: #333333;  }

.blog-pager, #blog-pager {
direction: ltr;
clear: both;
text-align: center;
padding: 15px 10px;
background: #fff;
}

.showpageOf {
display: none;
font-size: 18px;
font-weight: normal;
text-decoration: none;
padding: 8px 12px;
margin: 0 0 0 2px;
color: #ddd;
text-transform: none;
}

.showpagePoint {
border-bottom: 3px solid #34968B;
background-color: #FF4444;
color: #fff;
font-size: 18px;
font-weight: normal;
text-decoration: none;
margin: 0 2px;
padding: 9px 8px;
}

.showpageNum a {
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
background: #2c3e50;
color: #fff;
padding-bottom: 10px;
margin: 7px;
border-bottom: 2px solid #34968B;
text-decoration: none;
font-family: tahoma;
}

.showpageNum a:hover{ background: #FF4444;}


.showpage a { padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
background: #2c3e50;
color: #fff;
padding-bottom: 10px;
margin: 7px;
border-bottom: 2px solid #34968B;
text-decoration: none;
font-family: tahoma;     }

.showpage a:hover{ background: #FF4444;}

.liked{  width: 95%;
padding: 12px 15px;
margin: 10px 0 0;
border-top: 1px solid #d8d8d8;
background: #fff; }

.liked h3 { color: #FF4444;
margin-top: 5px;
font-family: GESSTwoMediumRegular; }

.feed{background: #161B1B;
color: #fff;
padding: 20px;
font-size: 14px;
margin-bottom: 10px;}

.sidebar-title{ font: 14px tahoma;
padding: 6px 0;
background: #FF4444;
text-align: center;  }

.sidebar-nl-text{ font: normal 13px tahoma;
line-height: 2em;
margin: 10px; }

.sub{font: normal 11px tahoma;
color: #fff;
background: #FF4444;
padding: 7px;
display: inline;
margin: 1px;
margin-left: 274px; }


.des{background: #f8f8f8;
font-family: tahoma;
color: #888;
margin: 17px 136px 4px;
border: none;
padding: 8px 34px 8px 0;
width: 60%;
direction: rtl;  }

.ish{ background: #FF4444;
border: none;
color: #FFF;
font: normal 12px tahoma;
padding: 9px 14px 7px;
margin-top: -35px;
position: absolute;
margin-left: 66px; }

.comm{ background: #FF4444;
color: #fff;
text-align: center;
padding: 7px 0;
font-size: 16px;
font-family: GESSTwoMediumRegular; }

.feed-links{ display:none; }

.home-link{text-decoration: none;
font-family: tahoma;
font-weight: 700; }

.blog-pager-newer-link{text-decoration: none;
font-family: tahoma;
font-weight: 700;}
 
.blog-pager-older-link{text-decoration: none;
font-family: tahoma;
font-weight: 700; }


.sidebar-wrapper .widget{ background: #fff;
margin-top: -15px;
margin-right: -8px;
 margin-bottom: 30px;border-radius: 4px; }

.sidebar-wrapper h2 {text-align: right;
font-weight: 600;
font: 18px hacen_liner;
border-bottom: 1px dotted #cccccc;
color: #444;
margin-top: 17px;
padding: 9px 7px;
}

.widget-content{padding: 3px 0;
overflow: hidden;
text-align: center;
margin-bottom: 14px; }



ul, ol, dl {
list-style-position: inside;
font-weight: bold;
list-style: none;
}

.PopularPosts .widget-content ul li {
padding: .7em 0;
}

.PopularPosts .item-thumbnail {
margin: 0 8px 3px 0px;
float: right;}

.PopularPosts img {
padding-right: 0;
border: 2px solid;
width: 75%;
height: 50px;

}

.PopularPosts img:hover{opacity: 0.5;}

.PopularPosts .item-title {
padding-bottom: .8em;
text-align: right;}

.item-title a {
font: normal 12px Droid Arabic Naskh;
color: #02538B;
font-weight: 700;
text-decoration: none;
}

.item-title a:hover{color:#FF4444;     }

.imglink img{

display: none;
width: 656px;
height: 337px;

   }


/* CSS Social Share */
h9 {
color: #FF4444;
font-family: ge_dinar_tworegular;
float: right;
margin-right: 13px;

}
.share-box{
font-size: 14px;
padding: 10px 0 11px;
position: relative;
margin-top: 10px;
color: #666;
width: 644px;
margin-left: -16px;}
/* Slide Share */
#button-count-share {
    verflow: hidden;
background: transparent;
padding: 8px;
padding-top: 17px;
margin-left: 12px;
}
 
#button-count-share span {
    float: left;
    position: relative;
    font-size: 13px;
    color: #fff;
    margin: 12px 5px 12px 5px;
}
 
.button-share {
    background: #dce0e0;
    position: relative;
    display: block;
    float: left;
    height: 40px;
    overflow: hidden;
    width: 140px;
    margin: 4px;
    border-radius: 3px;
}
 
.ikons {
    display: block;
    float: left;
    position: relative;
    z-index: 1;
    height: 100%;
    vertical-align: top;
    width: 38px;
    text-align: center;
}
 
.ikons i {
    color: #fff;
    line-height: 33px;
}
 
.slide-share {
    z-index: 2;
    display: block;
    height: 100%;
    left: 38px;
    position: absolute;
    width: 108px;
    margin: 0;
}
 
.slide-share p {
    font-family: ge_dinar_tworegular;
    font-weight: 400;
    border-left: 1px solid rgba(255,255,255,0.35);
    color: #fff;
    font-size: 14px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 100%;
    margin: 0;
}
 
.button-share .slide-share {
    transition: all 0.4s ease-in-out;
}
 
.facebook .fb_iframe_widget {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 1;
}
 
.twitter iframe {
    left: 50px;
    top: 10px;
    z-index: 1;
    display: block;
    position: absolute;
}
 
.google #___plusone_0 {
    width: 15px!important;
top: 10px;
right: 82px;
position: absolute;
display: block;
z-index: 1;
}
 
.facebook .ikons,.facebook .slide-share {
    background: #4f79bc;
}
 
.twitter .ikons,.twitter .slide-share {
    background: #63cef2;
}
 
.google .ikons,.google .slide-share {
    background: #E42424;
}
 
.facebook:hover .slide-share,.twitter:hover .slide-share,.google:hover .slide-share {
    left: 180px;
    opacity: 0.6;
}
 
/* CSS Print */
.printfriendly{float:left;left:10px;background:transparent;color:#666;text-decoration:none;padding:3px 0 3px 5px;font-family:&#39;Open Sans&#39;;font-size:20px;font-weight:400;}
.printfriendly span.print{opacity:0.7;background:url(http://3.bp.blogspot.com/-lk5nzkiNUx8/U8aAFYhsEZI/AAAAAAAAEZI/aH7XVyZ0K3M/s1600/print.png) no-repeat;border:none;box-shadow:none;margin:3px 6px -3px;padding-right:20px;transition:all 0.5s ease-in-out;}
.printfriendly span.print:hover{opacity:1;background:url(http://3.bp.blogspot.com/-lk5nzkiNUx8/U8aAFYhsEZI/AAAAAAAAEZI/aH7XVyZ0K3M/s1600/print.png) no-repeat;border:none;box-shadow:none;margin:3px 6px -3px;padding-right:20px}
.printfriendly span.pdf{opacity:0.7;background:url(http://1.bp.blogspot.com/-I0-5NsWqte0/U8Z_1fuHXlI/AAAAAAAAEYA/Wk_SRupt4j4/s1600/PDF.png) no-repeat;border:none;box-shadow:none;margin:3px 0 -3px;padding-right:20px;transition:all 0.5s ease-in-out;}
.printfriendly span.pdf:hover{opacity:1;background:url(http://1.bp.blogspot.com/-I0-5NsWqte0/U8Z_1fuHXlI/AAAAAAAAEYA/Wk_SRupt4j4/s1600/PDF.png) no-repeat;border:none;box-shadow:none;margin:3px 0 -3px;padding-right:20px;}

.form
{
display: none ;
}

.zoom img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}
.zoom img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}


audio {display:none;}

::selection {color:#333;background:#34968B;}
::-moz-selection {color:#333;background:#34968B;}



/* =Skitter styles
----------------------------------------------- */
.box_skitter {
    position: relative;
    width: 800px;
    height: 300px;
    background: #000;
}

.box_skitter img {
    max-width: none;
} /* Tip for stildv */
.box_skitter ul {
    display: none;
}

.box_skitter .container_skitter {
    overflow: hidden;
    position: relative;
}

.box_skitter .image {
    overflow: hidden;
}

.box_skitter .image img {
    display: none;
}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    overflow: hidden;
    display: none;
    z-index: 20;
}

.box_skitter .box_clone img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {
    position: absolute;
    top: 50%;
    left: 35px;
    z-index: 152;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.box_skitter .next_button {
    position: absolute;
    top: 50%;
    right: 35px;
    z-index: 152;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.box_skitter .prev_button:hover, .box_skitter .next_button:hover {
    opacity: 0.5 !important;
}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
    background: #000;
    color: #fff;
    font: bold 11px arial;
    padding: 5px 0 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.75;
}

.box_skitter .info_slide .image_number {
    background: #333;
    float: left;
    padding: 2px 10px;
    margin: 0 5px 0 0;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.box_skitter .info_slide .image_number:hover {
    background: #000;
}

.box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover {
    background: #cc3333;
    float: left;
    padding: 2px 10px;
    margin: 0 5px 0 0;
}

/* =Thumbs
    Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs {
    position: relative;
    overflow: hidden;
    height: 50px;
}

.box_skitter .info_slide_thumb {
    height: 50px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
    top: auto;
    top: 0;
    left: 0;
    padding: 0 !important;
    opacity: 1.0;
}

.box_skitter .info_slide_thumb .image_number {
    overflow: hidden;
    width: 100px;
    height: 50px;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.box_skitter .info_slide_thumb .image_number img {
    position: absolute;
    top: -30px;
    left: -30px;
    height: 100px;
}

.box_skitter .box_scroll_thumbs {
    padding: 0;
}

.box_skitter .box_scroll_thumbs .scroll_thumbs {
    position: absolute;
    bottom: 60px;
    left: 50px;
    background: #ccc;
    background: -moz-linear-gradient(-90deg, #555, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));
    width: 200px;
    height: 10px;
    overflow: hidden;
    text-indent: -9999em;
    z-index: 101;
    cursor: pointer;
    border: 0px solid #333;
}

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {
    position: absolute;
    bottom: -40px;
    z-index: 151;
    padding: 5px 0 5px 5px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.box_skitter .info_slide_dots .image_number {
    background: #333;
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    text-indent: -9999em;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.box_skitter .info_slide_dots .image_number:hover {
    background: #000;
}

.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {
    background: #cc3333;
    float: left;
    margin: 0 5px 0 0;
}

/* =Loading
-------------------------------------------------------------- */
.loading {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10000;
    margin: -16px -16px;
    color: #fff;
    text-indent: -9999em;
    overflow: hidden;
    background: url(https://jetara.googlecode.com/svn/trunk/ajax-loader.gif) no-repeat left top;
    width: 32px;
    height: 32px;
}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter {
    z-index: 150;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: none;
}

.box_skitter .label_skitter {
    z-index: 150;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    display: none;
    opacity: 0.8;
    background: #000;
}

.box_skitter .label_skitter p {
    padding: 10px;
    margin: 0;
    font: normal 22px arial,tahoma;
    letter-spacing: -1px;
    text-align: right;
    direction: rtl;
}

.box_skitter .progressbar {
    background: #000;
    position: absolute;
    top: 5px;
    left: 15px;
    height: 5px;
    width: 200px;
    z-index: 99;
    border-radius: 20px;
}

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide {
    display: none;
    position: absolute;
    z-index: 152;
    bottom: 30px;
    left: -40px;
    width: 100px;
    height: 100px;
    background: #fff;
    border: 1px solid #222;
    -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
    box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
    overflow: hidden;
}

.box_skitter .preview_slide ul {
    height: 100px !important;
    overflow: hidden !important;
    margin: 0 !important;
    list-style: none !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

.box_skitter .preview_slide ul li {
    width: 100px !important;
    height: 100px !important;
    overflow: hidden !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: block !important;
}

.box_skitter .preview_slide ul li img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 150px !important;
    width: auto !important;
}

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    opacity: 1;
    background: #000;
}

.box_skitter .focus_button {
    position: absolute;
    top: 50%;
    z-index: 100;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.box_skitter .play_pause_button {
    position: absolute;
    top: 50%;
    z-index: 151;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.box_skitter .play_pause_button.play_button {
}


.box_skitter .play_pause_button:hover {
    opacity: 0.5 !important;
}

.box_skitter .focus_button:hover {
    opacity: 0.5 !important;
}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {
    width: 800px;
    height: 300px;
border-bottom: 6px solid #FF4444;
}

.box_skitter_small {
    width: 200px;
    height: 100px;
}

/* =Default theme
-------------------------------------------------------------- */
.box_skitter .focus_button, 
.box_skitter .next_button, 
.box_skitter .prev_button, 
.box_skitter .play_pause_button 
{
    display: block;
    background: url('https://jetara.googlecode.com/svn/trunk/sprite-default.png') no-repeat;
}

.box_skitter .next_button {
    background-position: -0px -42px;
    width: 42px;
    height: 42px;
}

.box_skitter .prev_button {
    background-position: -42px -42px;
    width: 42px;
    height: 42px;
}

.box_skitter .play_pause_button {
    background-position: -0px -0px;
    width: 42px;
    height: 42px;
}

.box_skitter .play_pause_button.play_button {
    background-position: -0px -84px;
    width: 42px;
    height: 42px;
}

.box_skitter .focus_button {
    background-position: -42px -0px;
    width: 42px;
    height: 42px;
}

/* =Minimalist theme
-------------------------------------------------------------- */
.skitter-minimalist .prev_button, 
.skitter-minimalist .next_button, 
.skitter-minimalist .play_pause_button, 
.skitter-minimalist .focus_button 
{
    display: block;
    background: url('https://jetara.googlecode.com/svn/trunk/sprite-minimalist.png') no-repeat !important;
}

.skitter-minimalist .prev_button {
    background-position: -0px -0px !important;
    width: 24px !important;
    height: 28px !important;
    left: -45px !important;
}

.skitter-minimalist .next_button {
    background-position: -0px -28px !important;
    width: 24px !important;
    height: 28px !important;
    right: -45px !important;
}

.skitter-minimalist .play_pause_button {
    background-position: -0px -74px !important;
    width: 18px !important;
    height: 18px !important;
}

.skitter-minimalist .play_pause_button.play_button {
    background-position: -0px -56px !important;
    width: 18px !important;
    height: 18px !important;
}

.skitter-minimalist .focus_button {
    background-position: -0px -92px !important;
    width: 18px !important;
    height: 18px !important;
}

.skitter-minimalist .info_slide {
    background: transparent;
}

.skitter-minimalist .info_slide .image_number {
    background: #000;
    box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
    font-size: 12px;
    font-weight: normal;
}

.skitter-minimalist .info_slide .image_number:hover {
    background: #111;
}

.skitter-minimalist .info_slide .image_number_select, .skitter-minimalist .info_slide .image_number_select:hover {
    background: #cc3333;
}

.skitter-minimalist .info_slide_dots .image_number {
    width: 14px;
    height: 14px;
    box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
}

/* =Round theme
-------------------------------------------------------------- */
.skitter-round .prev_button, 
.skitter-round .next_button, 
.skitter-round .play_pause_button, 
.skitter-round .focus_button 
{
    display: block;
    background: url('https://jetara.googlecode.com/svn/trunk/sprite-round.png') no-repeat;
}

.skitter-round .prev_button {
    background-position: -0px -0px;
    width: 23px;
    height: 47px;
    left: -23px;
}

.skitter-round .next_button {
    background-position: -23px -0px;
    width: 23px;
    height: 47px;
    right: -23px;
}

.skitter-round .next_button:hover, .skitter-round .prev_button:hover {
    opacity: 1;
}

.skitter-round .play_pause_button {
    background-position: -0px -70px;
    width: 47px;
    height: 23px;
    top: 24px;
    left: 24px !important;
}

.skitter-round .play_pause_button.play_button {
    background-position: -0px -47px;
    width: 47px;
    height: 23px;
    top: 24px;
}

.skitter-round .focus_button {
    background-position: -0px -93px;
    width: 47px;
    height: 23px;
    top: 24px;
    left: 82px !important;
}

.skitter-round .info_slide {
    background: transparent;
}

.skitter-round .info_slide .image_number {
    background: #999;
    box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
    font-size: 12px;
    font-weight: normal;
}

.skitter-round .info_slide .image_number:hover {
    background: #333;
}

.skitter-round .info_slide .image_number_select, .skitter-round .info_slide .image_number_select:hover {
    background: #111;
}

.skitter-round .info_slide_dots .image_number {
    width: 14px;
    height: 14px;
    box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
    background: #999;
}

.skitter-round .info_slide_dots .image_number:hover {
    background: #333;
}

.skitter-round .info_slide_dots .image_number_select, .skitter-round .info_slide_dots .image_number_select:hover {
    background: #111;
}

.skitter-round .progressbar {
    top: -10px;
    left: 0px;
    background: #333;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 0;
}

/* =Clean theme
-------------------------------------------------------------- */
.skitter-clean .prev_button, 
.skitter-clean .next_button, 
.skitter-clean .play_pause_button, 
.skitter-clean .focus_button 
{
    display: block;
    background: url('https://jetara.googlecode.com/svn/trunk/sprite-clean.png') no-repeat;
}

.skitter-clean .prev_button {
    background-position: 0px 0px;
    width: 47px;
    height: 46px;
}

.skitter-clean .next_button {
    background-position: 0px -46px;
    width: 47px;
    height: 46px;
}

.skitter-clean .play_pause_button {
    background-position: -0px -133px;
    width: 41px;
    height: 41px;
}

.skitter-clean .play_pause_button.play_button {
    background-position: -0px -92px;
    width: 41px;
    height: 41px;
}

.skitter-clean .focus_button {
    background-position: -0px -174px;
    width: 41px;
    height: 41px;
}

.skitter-clean .info_slide {
    background: transparent;
}

.skitter-clean .info_slide .image_number {
    background: #fff;
    box-shadow: rgba(0,0,0,0.2) 1px 1px 0;
    font-size: 12px;
    font-weight: normal;
    color:#333;
}

.skitter-clean .info_slide .image_number:hover {
    background: #ccc;
}

.skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover {
    background: #111;
    color:#fff;
}

.skitter-clean .info_slide_dots {
    bottom: 10px;
    background: rgba(255,255,255,0.8);
    box-shadow: rgba(0,0,0,0.3) 1px 1px 0;
}

.skitter-clean .info_slide_dots .image_number {
    width: 14px;
    height: 14px;
    background: #999;
}

.skitter-clean .info_slide_dots .image_number:hover {
    background: #333;
}

.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover {
    background: #111;
}

.skitter-clean .progressbar {
    top: 5px;
    left: 5px;
    background: #fff;
    box-shadow: rgba(0,0,0,0.5) 1px 1px 0;
}

/* =Square theme
-------------------------------------------------------------- */

.skitter-square .play_pause_button, 
.skitter-square .next_button, 
.skitter-square .focus_button, 
.skitter-square .prev_button 
{
    display: block;
    background: url('https://jetara.googlecode.com/svn/trunk/sprite-square.png') no-repeat;
}

.skitter-square .play_pause_button {
    background-position: -55px -0px;
    width: 55px;
    height: 55px;
    top: 10px !important;
    left: 10px !important;
    bottom: auto !important;
    right: auto !important;
    margin-top:0;
}

.skitter-square .play_pause_button.play_button {
    background-position: -0px -0px;
    width: 55px;
    height: 55px;
}

.skitter-square .focus_button {
    background-position: -55px -55px;
    width: 55px;
    height: 55px;
    top: 10px !important;
    left: 65px !important;
    bottom: auto !important;
    right: auto !important;
    margin-top:0;
}

.skitter-square .next_button {
    background-position: -0px -55px;
    width: 55px;
    height: 55px;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
}

.skitter-square .prev_button {
    background-position: -0px -110px;
    width: 55px;
    height: 55px;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 65px;
}

.skitter-square .info_slide {
    background: transparent;
}

.skitter-square .info_slide .image_number {
    background: #fff;
    box-shadow: rgba(0,0,0,0.2) 1px 1px 0;
    font-size: 12px;
    font-weight: normal;
    color:#333;
}

.skitter-square .info_slide .image_number:hover {
    background: #ccc;
}

.skitter-square .info_slide .image_number_select, .skitter-square .info_slide .image_number_select:hover {
    background: #111;
    color:#fff;
}

.skitter-square .info_slide_dots .image_number {
    width: 14px;
    height: 14px;
    box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
    background: #ccc;
}

.skitter-square .info_slide_dots .image_number:hover {
    background: #999;
}

.skitter-square .info_slide_dots .image_number_select, .skitter-square .info_slide_dots .image_number_select:hover {
    background: #555;
}

.skitter-square .progressbar {
    top:0 !important;
    left: 0 !important;
    width: 100%;
    background: #fff;
    border-radius: 0;
    height: 2px;
}


/* ---------------------- 7lolblogger.com -----*/
* { margin:0; padding: 0; list-style: none; }
body { font-family: Arial,Tahoma; color:#333; background: #eee; }

#page { margin: 0 auto; width: 800px; background: #fff; padding:40px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #777; box-shadow: #999 1px 1px 3px; }
#page h1 { font-weight: normal; font-size: 32px; letter-spacing: -2px; margin:0 0 20px 0; border-bottom: 1px solid #ddd; padding:0 0 10px 0; }
#page h2 { font-weight: bold; font-size: 22px; letter-spacing: -1px; font-style: italic; margin:40px 0 0 0; }
#page h3 { float: right; }
#page h3 a { font-weight: normal; font-size: 16px; color:#004499; }
#page h3 a:hover { color:#333; }




#vidio{position: absolute;
z-index: 2;
background: #fff;
top: 287px;
left: 265px;

}


  #croix{position: absolute;
z-index: 2;
top: 286px;
left: 940px;}

#croix img{width: 25px;
opacity: 0.9;}

 #croix img:hover{ 
width:27px;
opacity:1px;
 }
  
/* CSS Contact Form */
#ContactForm1{
display:none;
}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
height: auto;
margin: 5px auto 15px;
padding: 10px;
background: #FFFDFD;
border: 1px solid #ccc;
color: #777;
border-radius: 3px;
box-shadow: 0px 4px 0px 0px #FF4444;
margin-right: 273px;
width: 300px;
font-family: tahoma;
font-size: 17px;
}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{
background: #fffff7;
}
#ContactForm1_contact-form-email-message{
width: 450px;
height: 142px;
margin: 23px auto;
padding: 10px;
background: #FFFDFD;
border: 1px solid #ccc;
color: #777;
font-family: tahoma;
font-size: 17px;
margin-right: 273px;
border-bottom: 2px solid #FF4444;
}
#ContactForm1_contact-form-submit {
width: 101px;
height: 35px;
float: right;
color: #FFF;
padding: 0;
cursor: pointer;
background: #FF4444;
border: 1px solid #1D4D48;
border-radius: 3px;
margin-right: 272px;
}
#ContactForm1_contact-form-submit:hover {
background:#292D2D;
}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width: 450px;
margin-top:35px;
}

::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #2C3E50;
}
::-webkit-scrollbar-thumb {
background-color: #FF4444;
-moz-border-radius: 10px;
}


#colorit9an {
background: none repeat scroll 0 0 #FFFFFF;
margin-right: 15px;
overflow: hidden;
padding: 8px 0 0 4px;
position: fixed;
right: 0;
width: 28px;
z-index: 99;
}
#colorit9an ul {
list-style: none outside none;
margin: 0;
padding: 0;
}

#colorit9an #it9ancolor li {
float: left;
}

#colorit9an #it9ancolor li a {
display: block;
height: 20px;
margin: 0 8px 8px 0;
width: 20px;
}
#colorit9an #it9ancolor li a.default {
background-color: #AAAAAA;}

#colorit9an #it9ancolor li a.blue {
background-color: #33B5E5;}

#colorit9an #it9ancolor li a.red {
background-color: #99CC00;
}
#colorit9an #it9ancolor li a.green {
background-color: #FF4444;
}

#colorit9an #it9ancolor li a.pink {
background-color: #FF8800;
}


#alwansd{
height: 397px;
margin: 0 0 20px 20px;
padding: 15px 17px 15px 16px;
width: 617px;
background: #373737;
border-top: 4px solid #00B4FF;
}
.alwanw{
position: relative;
height:385px;
}
.alwanw .contentdiv{
visibility: hidden;
position: absolute;
opacity: 1;
}
.alwan-ps{
text-align: right;
float: left;
width: 618px;
height: 11px;
margin-left: -1px;
}
.alwan-ps .toc{
font-size: 0px;
width: 50.5px;
height: 11px;
float: right;
background: #5b5b5b;
margin-left: 1px;
}
.alwan-ps a.selected{
background:#dfdfdf;
}
.alwan-ps .prev, .alwan-ps .next {display:none; }
.alwanip{
width: 597px;
padding: 10px !important;
bottom: 0;
float: left !important;
position: absolute;
background:url(http://3.bp.blogspot.com/--PmJCnAgSsc/USDs0q1v30I/AAAAAAAADoY/_nmnrEqXG4U/s1600/backslide.png);
}
.alwanip a{
color:#dcdcdc;
font: 12px droidkufi-bold;
margin:0;
padding:0;
line-height: 19px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#ffa800;}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
.alwanip p{font-size: 13px;
margin: 0;
color: #a5a5a5;
line-height: 23px;
}
.alwansf a img{float: right !important; }
.alwansf {float: right !important; width:100px !important;}
.column-center-outer {
width: 100%;
}




.label-size{ 

margin:0; 
padding:0; 
position:relative; 
} 
.label-size a{ 
float:left; 
height:24px; 
line-height:24px; 
position:relative; 
font-size:12px; 
margin-bottom: 9px; 
margin-left:20px; 
padding:0 10px 0 12px; 
background:#0089e0; 
color:#fff; 
text-decoration:none; 
-moz-border-radius-bottomright:4px; 
-webkit-border-bottom-right-radius:4px; 
border-bottom-right-radius:4px; 
-moz-border-radius-topright:4px; 
-webkit-border-top-right-radius:4px; 
border-top-right-radius:4px; 
} 
.label-size a:before{ 
content:""; 
float:left; 
position:absolute; 
top:0; 
left:-12px; 
width:0; 
height:0; 
border-color:transparent #0089e0 transparent transparent; 
border-style:solid; 
border-width:12px 12px 12px 0;  
} 
.label-size a:after{ 
content:""; 
position:absolute; 
top:10px; 
left:0; 
float:left; 
width:4px; 
height:4px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
border-radius:2px; 
background:#fff; 
-moz-box-shadow:-1px -1px 2px #004977; 
-webkit-box-shadow:-1px -1px 2px #004977; 
box-shadow:-1px -1px 2px #004977; 
}  
.label-size a:hover{background:#555;} 
.label-size a:hover:before{border-color:transparent #555 

transparent transparent;}



